/*********************** Tags Padrão ***********************/
body{margin:0;padding:0;background: #FFFFFF;font-family: sans-serif;}
table{background: white;}
form{border:none;}
input[type=text], textarea{color: #999;}
input:focus, textarea:focus{background-color: lightyellow; color: black;} 
a:link, a:visited {text-decoration: none; color: black; font-weight: normal;}
a:hover {text-decoration: underline; color: blue;}
a:active {text-decoration: none;}

#geral{width: 960px;margin: 0 auto;min-height: 560px;margin-bottom: 13px; padding-top: 90px;}
#geral form p{margin-bottom: 20px;}
#footer{width: 960px;margin: 0 auto; }
#footer .institucional{float: right; margin-top: -30px}
/*********************** Tags Padrão ***********************/

/*********************** Menu DropDown ***********************/
.selectedanchor{background: #f7941d;}
.anylinkmenu{position: absolute;left: 0;top: 0;visibility: hidden;border: 1px solid black;border-bottom-width: 0;font: normal 12px Verdana;line-height: 18px;z-index: 100;background: #004b66;width: 200px;margin-left: 1138px;margin-top: 40px;}
.anylinkmenu ul{margin: 0;padding: 0;list-style-type: none;}
.anylinkmenu ul li a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 2px 0;text-decoration: none;font-weight: bold;text-indent: 5px;color: white;}
.anylinkmenu a:hover{background: #f7941d;color: black;}
.anylinkmenucols{position: absolute;width: 350px;left: 0;top: 0;visibility: hidden;border: 1px solid black;padding: 10px;font: normal 12px Verdana;z-index: 100;background: #004b66;color: white;}
.anylinkmenucols li{padding-bottom: 3px;}
.anylinkmenucols .column{float: left;padding: 3px 8px;margin-right: 5px;background: #004b66;}
.anylinkmenucols .column ul{margin: 0;padding: 0;list-style-type: none;}
.anylinkshadow{position: absolute;left: 0;top: 0;z-index: 99;background: black;visibility: hidden;margin-left: 1135px;margin-top: 38px;}
/*********************** Menu DropDown ***********************/

/*********************** Classes ***********************/
.label_float{float: left;}
.error{background:#e02020;color: white;padding: 1px;border: dashed 0px black;margin-left: 8px;margin-top: -8px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 2px 2px 5px #333233;-webkit-box-shadow: 2px 2px 5px #333233;box-shadow: 2px 2px 5px #333233;}
.info_img{margin-left: -35px;font-size: 17px; font-weight: bold;}
.titulo_dica{margin-top: 0px;margin-bottom: -10px;}
.descricao_dica{font-size: 12px;color: aliceBlue; margin-top: -5px}
.datetime_dica{float: right;margin-top: -13px;margin-right: -0.8px;font-size: 13px;}
.clear{clear: both;}
.arrow{float: left;margin-right: 5px;}
/*********************** Classes ***********************/

/*********************** TagCloud ***********************/
.tagcloud {width: 200px;}
.tagcloud a{color: #92b22c;text-decoration:none;border-bottom:1px dotted #92b22c;padding-bottom:1px;margin: 4px;}
.tagcloud a:hover {text-decoration:none;border-bottom:2px solid #92b22c;}
/*********************** TagCloud ***********************/

/*********************** Config Geral ***********************/
#menu_topo{height: 40px;padding: 0 40px 0 30px;background: url("../img/bar.png") repeat-x;width: 95%;color: white;box-shadow: -1px 1px 2px #888;}
#menu_topo .busca{float: left;margin-top: 6px;}
#menu_topo .icones{position: absolute;top: -5px;left: 415px;}
#menu_topo .icones li{float: left;}
#menu_topo .logo{float: left; margin-right: 81px;margin-top: 1px;}
#menu_topo .perfil{float: right;margin-top: 2px;margin-left: 60px;border: 1px solid #1C1C1C;height: 25px;width: 140px;padding: 5px;}
#menu_topo .arrow{float: right;margin-top: -36px;margin-right: 6px;}
#menu_topo .perfil p{text-shadow: -1px 2px 2px #363636;margin-top: -25px;margin-left: 33px;margin-right: 10px;font-size: 17px;}
#menu_topo .sair{text-shadow: -1px 2px 2px #363636; font-weight: bold; float: right;border-left: 1px solid white;height: 40px;padding: 10px;width: 0px;}
#menu_topo a{color: white;}
#menu_topo .link{float: right;padding-top: 5px;height: 35px;padding-left: 8px;padding-right: 0px;}
#menu_topo .link ul{margin-top: -1px;}
#menu_topo .link li{float: left; margin-left: 7px}
#menu_topo .link a{color: white;}


#esquerda{width: 200px;min-height: 560px;float: left;border-right: solid 1px black;margin-top: -25px;padding: 10px}
#esquerda p{font-size: 12px;}
#esquerda .dicas{margin-top: 15px;margin-left: 20px;}
#esquerda .dicas img{width: 30px;float: left;margin-left: -10px;margin-right: 10px;}
#esquerda .dicas h5{color: #F7944D; height: 20px;width: 230px; margin-bottom: 0px;font-size: 10px;}

#conteudo{float: left;width: 500px;padding-left: 8px;margin-top: 50px;}
#conteudo .timeline{width: 500px;}
#conteudo .bar{border-bottom: solid 1px black;width: 494px;margin-left: -9px;padding-left: 15px;height: 40px;}
#conteudo .bar li{float: left;margin-right: 20px;}
#conteudo .bar ul{margin-top: -70px;height: 37px;padding-left: 0;}
#conteudo h2{float: right;margin-top: -50px;margin-right: 10px;}
#conteudo .name{color: #F7944D;}

#direita{width: 180px;min-height: 560px;float: left;border-left: solid 1px black;margin-top: -25px;padding: 10px}
#direita .avatar span{float: right;margin-left: 15px;font-weight: bold;}
#direita .avatar p{font-size: 12px; }
#direita .avatar{margin-right: 30px;float: left;}
#direita .avatar ul{float: left;margin-left: -38px;margin-top: -10px;}
#direita .avatar li{float: left; margin-right: 10px;}
#direita .menu{margin-top: 10px;font-size: 25px;text-align: right;}
#direita .menu a:hover{background: #CCC;color: black;}

#saudacao{margin-top: -25px;padding-bottom: 8px;}
#dica{height: 100px;border-bottom: solid 1px lightGrey;margin-bottom: 5px;}
#dica .avatar{float: left;padding-right: 20px;}
#dica .seguir{margin-top: 18px;}
#dica .descricao{float: left;width: 80%;margin-top: -1px;font-size: 12px;}
#dica .descricao h5{margin-top: 0px;margin-bottom: -10px;}
#dica .descricao p{line-height: 16px;font-weight: bold;}
#dica .acoes{float: left;width: 500px;}
#dica .tempo{float: left;background: #5F9EA0;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;}
#dica .compartilhar{float: right;margin-top: -35px;margin-right: 45px;}
#dica .compartilhar li{float: left;margin-left: 10px;}
#dica .redes_sociais{display: none;background-image: url('../img/fundo.png');height: 57px;background-repeat: no-repeat;float: right;padding-right: 40px;margin-top: 3px;padding-left: 13px;padding-top: 8px;margin-left: 466px;position: absolute;}
/*********************** Config Geral ***********************/

/*********************** Start_page ***********************/
#menu_topo .campos{margin-top: -15px;}
#menu_topo .manter{margin-top: -40px;float: left;height: 0;}
#menu_topo .recuperar_senha{font-size: 12px;width: 82px;margin-left: 7px;float: left;padding-top: 5px;}
#conteudo_start_page{width: 980px;margin-left: -15px;}
#conteudo_start_page .imagem{float: left;padding-right: 20px;margin-left: 60px;}
#conteudo_start_page .imagem h3{font-size: 24px;margin-bottom: -20px;}
#conteudo_start_page .imagem p{width: 350px;margin-left: 23px;}
#conteudo_start_page .texto_logo{text-align: center;width: 400px;}
#conteudo_start_page .titulo h2{margin-top: 5px;}
#conteudo_start_page .titulo p{
    margin-left: 55px;
    margin-top: -20px;    
}

#conteudo_start_page .texto_float{
    float: left;
    width: 215px;
    padding: 15px;
}
#conteudo_start_page .informacoes img{
    padding-right: 5px;
    float: left;
}

#conteudo_start_page .titulo_txt{
    font-weight: bold;
    width: 54px;
}

#conteudo_start_page .titulo{
    float: left;
    width: 380px;
    text-align: justify;
    margin-top: 65px;
    margin-left: 90px;
}

#conteudo_start_page .cadastro{
    margin-left: -30px;
    margin-top: 30px;
}

#conteudo_start_page .submit{
    float: right;
    margin-right: 138px;
    margin-top: -15px;
}

#conteudo_start_page .msg_erro_create1{
    position: relative;
    float: left;
    left: 335px;
    top: 138px;
    margin-bottom: -80px;
}
#conteudo_start_page .msg_erro_create1 img{float: left;margin-top: -3px;}

#conteudo_start_page .msg_erro_create2{
    position: relative;
    float: left;
    left: 335px;
    top: 167px;
    margin-bottom: -80px;
}
#conteudo_start_page .msg_erro_create2 img{float: left;margin-top: -3px;}

#conteudo_start_page .msg_erro_create3{
    position: relative;
    float: left;
    left: 335px;
    top: 216px;
    margin-bottom: -80px;
}
#conteudo_start_page .msg_erro_create3 img{float: left;margin-top: -3px;}
/*********************** Start_page ***********************/

/*********************** Start_login_error ***********************/
#conteudo_start_page .login_error{width: 370px;margin-left: 30%;}
/*********************** Start_login_error ***********************/

/*********************** Start_cad_sucess ***********************/
#conteudo_start_page .sucess{width: 552px;margin-left: 30%;}
#conteudo_start_page .sucess img{float: left;}
/*********************** Start_cad_sucess ***********************/

/*********************** usuario_list_followers_view ***********************/
#usuario_box_seguidores{float: left;width: 730px;margin-bottom: 20px;}
#usuario_box_seguidores .info{width: 152px;float: left;margin-top: -20px;}
#usuario_box_seguidores .label{margin-top: -15px;}
#usuario_box_seguidores .bio{width: 454px;float: right;text-align: justify;}
/*********************** usuario_list_followers_view ***********************/

/*********************** usuario_form_create_view ***********************/
#user_create_login{width: 625px;float: left;margin-left: 25%;margin-top: -20px;height: 255px;}
#user_create_login .label_float{margin-bottom: -1px;}
#user_create_submit{text-align: center;}
.msg_erro_topo_create{width: 345px;margin-top: 17px;margin-left: 188px;}
.msg_erro_create1{position: relative;float: left;left: 540px;top: 22px;margin-bottom: -80px;}
.msg_erro_create1 img{float: left;}
.msg_erro_create2{position: relative;float: left;left: 540px;top: 88px;margin-bottom: -80px;}
.msg_erro_create2 img{float: left;}
.msg_erro_create3{position: relative;float: left;left: 540px;top: 155px;margin-bottom: -80px;}
.msg_erro_create3 img{float: left;}
/*********************** usuario_form_create_view ***********************/


/*********************** usuario_form_update_view ***********************/
#user_update_delete_avatar{font-size: 10px;margin-left: -160px;margin-top: 4px;position: absolute;}
#user_update_dados{width: 350px; float: left; margin-top: -34px; height: 295px;}
#user_update_dados_name{height: 220px; padding-top: 20px;}
#user_update_dados2{float:left;margin-top: -30px;}
#user_update_dados2 textarea{width: 615px; height: 100px;}
#user_update_dados2 .label_float{margin-right: 7px;}
#user_update_dados3{float: left;height: 200px;}
#user_update_dados3 h2{margin-bottom: -5px;background-color: beige; width: 615px; }
#user_update_dados4{float: left;width: 615px; text-align: center;}
.msg_erro_topo{width: 345px;margin-top: 17px;margin-left: 260px;}
.msg_erro_topo img{float: left;}
.msg_erro1{position: relative;float: left;left: 620px;top: 562px;margin-bottom: -80px;}
.msg_erro1 img{float: left;}
.msg_erro2{position: relative;float: left;left: 620px;top: 562px;margin-bottom: -80px;}
.msg_erro2 img{float: left;}
.msg_erro3{position: relative;float: left;left: 620px;top: 650px;margin-bottom: -80px;}
.msg_erro3 img{float: left;}
.msg_erro4{position: relative;float: left;left: 480px;top: 776px;margin-bottom: -80px;}
.msg_erro4 img{float: left;}
/*********************** usuario_form_update_view ***********************/

/*********************** usuario_timeline_mainpage_view ***********************/
#perfil_dica_corpo_timeline{float: left;width: 713px; height: 79px; padding: 10px;}
/*********************** usuario_timeline_mainpage_view ***********************/


/*********************** usuario_timeline_visitante_view ***********************/
#avatar_visitante{float: left;margin-right: 30px;width: 170px;}
#user_timeline_visiter{float: left;}
#user_timeline_visiter .perfil_timeline{width: 600px;}
#user_timeline_visiter .perfil_dica_corpo{float: left;width: 600px;height: 95px;padding: 10px;}
#user_timeline_visiter .perfil_dica_geral{height: 115px;margin-bottom: 30px;}
#avatar h1{margin-top: -2px;margin-bottom: 5px;}
#avatar .label{margin-top: -7px;margin-bottom: 7px;}
#avatar .bio{width: 160px;}
#timeline_visitante_menu{float: left;width: 600px;}
/*********************** usuario_timeline_visitante_view ***********************/



/*********************** usuario_perfil_view ***********************/
#perfil_topo{height: 172px;}

#perfil_saudacao{float: left;margin-top: -25px;}
#perfil_saudacao h3{margin-bottom: 0px;}

#perfil_timeline{width: 800px;}

#perfil_dica_geral{height: 115px;}
#perfil_dica_avatar{float: left;padding-right: 5px;}
#perfil_dica_corpo{float: left;width: 775px; height: 79px; padding: 10px;}

#perfil_compartilhar{float: right;}
#perfil_contator{margin-left: 232px;}
#perfil_busca_dica .perfil_busca{margin-left: 192px;}
/*********************** usuario_perfil_view ***********************/


/********************** dica_view ****************************/
#dica_view{height: 130px;float: left;padding: 20px;padding-top: 20px;margin-right: -50px;}
#dica_view h1{margin-top: -20px;margin-bottom: -5px;}
#dica_view .avatar{float: left;margin-right: 50px;}

#dica_detalhes{border: solid thin black;height: 135px;}
#dica_detalhes  h1{padding: 20px;padding-top: 0;}
#dica_detalhes .acoes{font-size: 20px;border-top: solid thin black;border-bottom: solid thin; padding-left: 20px; }
#dica_detalhes .dica_info{float: left;}

#dica_intera_desc .interacao{border-right: thin solid black; float: left;margin-left: 20px;margin-right: 20px;padding-right: 20px;}
#dica_intera_desc .descricao{float: left;margin-top: -20px;padding-bottom: 20px;}

#dica_contato{float: right;}
#dica_contato   .contato{margin-bottom: -60px;}

#dica_lista_vou{min-height: 197px;}
#dica_lista_vou .dica_querem_divertir{background: white;font-size: 20px;}
#dica_lista_vou .avatar{margin-right: 5px;}
#dica_lista_vou .cidade_estado{font-size: 12px;}
#dica_lista_vou .usuario{width: 133px;float: left;padding: 10px;}
#dica_lista_vou .mais_usuarios{float: right;font-size: 15px;}
/********************** dica_view ****************************/


/*********************** dica_mural_view ***********************/
#mural_topo{height: 200px;}
#mural_topo .perfil_dica_avatar{float: left;padding-right: 15px;border-right: thin solid black;margin-right: 20px;}
#mural_topo .interacao{float: left;padding-right: 5px;}

#mural_lista_vou{float: left;border: solid thin black;width: 200px;min-height: 300px;}

#mural_textarea{background-color: white;}
#mural_textarea textarea{border: 0;width: 100%;height: 63px;margin-bottom: -17px;}
#mural_textarea  .button{}

#mural_mensagens{border: solid thin black;width: 560px;min-height: 200px;float: left; margin-right: 30px;padding-bottom: 20px;}
#mural_mensagens .avatar{padding-top: 20px;}
#mural_mensagens .box{text-align: justify;padding: 10px;font-size: 12px;height: 112px; padding-top: 20px;}
#mural_mensagens .txt{width: 450px;padding-bottom: 15px;float: right;margin-top: -82px;}
#mural_mensagens .tempo{float: right;}

#mural_lista_vou .txt{margin-top: 0px;}
#mural_lista_vou .box{width: 200px;height: 40px;padding: 5px;}
#mural_lista_vou .avatar{margin-right: 10px;}
#mural_lista_vou img{margin-left: 10px;}

#mural_progresso{margin-left: 450px;}
/*********************** dica_mural_view *************************/


/*********************** recuperar_senha_view *************************/
#pass_recover{text-align: center;}
#pass_recover .pass_msg{width: 300px;text-align: justify;margin-left: 246px;}
/*********************** recuperar_senha_view *************************/

/*********************** contator de caracteres ***********************/
#progreso {background: url(textarea.png) no-repeat;background-position: -300px 0px;width: 300px;height: 14px;text-align: center;color: #000000;font-size: 8pt;font-family: Arial;text-transform: uppercase; float: left;margin-top: 6px;}
/***********************contator de caracteres***********************/




/*********************** menu_configuracoes_view'***********************/
#btn{background: #333;color: white;padding: 0.5em;width: 100px;height: 10px;cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

p {line-height: 1.5em;}
.txt{margin-top: -6px;margin-left: 27px;}

ul#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;width: 15em;}
ul#menu a {display: block;  text-decoration: none;}
ul#menu li {margin-top: 1px;}
ul#menu li a {background: #333;color: #fff;padding: 0.5em;}
ul#menu li a:hover {background: #000;}
ul#menu li ul li a {background: #ccc;color: #000;padding-left: 20px;}
ul#menu li ul li a:hover {background: #aaa;border-left: 5px #000 solid;padding-left: 15px;}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
/*********************** menu_configuracoes_view'***********************/

/*********************** Compartilhar***********************/
#btn_comp{cursor: pointer;color: blue;}
#close{height: 12px;cursor: pointer;}
#img_close{margin-left: 90px;margin-top: -8px;height: 9px;}
.div_comp{display: none;background-image: url('../img/fundo.png');height: 57px;background-repeat: no-repeat;float: right;padding-right: 40px;margin-top: 49px;padding-left: 13px;padding-top: 8px;margin-left: 500px;position: absolute;}
.div_comp_dicaView{display: none;background-image: url('../img/fundo.png');height: 57px;background-repeat: no-repeat;padding-right: 40px;margin-top: -64px;padding-left: 13px;padding-top: 8px;position: absolute;}
.div_comp_listLegais{display: none;background-image: url('../img/fundo.png');height: 57px;background-repeat: no-repeat;float: right;padding-right: 40px;margin-top: 35px;padding-left: 13px;padding-top: 8px;margin-left: 700px;position: absolute;}

/*********************** Compartilhar***********************/


#Seguir{float: left;}